.p01056-contenedor {

}

.p01056-juego {
padding-left: 10%;
padding-right: 10%;
}
.p01056-juego .stl{
  width: 100%;
  height: 230px;
  border: 2px solid #000000;
  line-height: 100%;
  font-size: 100%;
  padding-left: 5%;
  padding-right: 5%;  
  padding-top: 15%;
  padding-bottom:15%;
  border-radius: 2%;
  background-color: #ebef74;
}
.p01056-juego .box{
  width: 100%;
  height: 88%;
  border: 0px solid #000;
}
.p01056-juego .num{
  padding-top: 6.5%;
  float:left;
  text-align: center;
  font-weight: bold;
  font-size: 2.5em;  
  width: 18%;
  height: 100%;
  border: 0px solid #000;
}
.p01056-juego .sig{
  padding-top: 6.5%;
  text-align: center;
  font-weight: bold;
  font-size: 2.5em;
  float:left;
  width: 5%;
  height: 100%;
  border: 0px solid #000;
}
.numeros{
	font-size: 2.5em;
}
.p01056-juego .resp{
  float:left;
  padding-top: 6%;
  font-weight: bold;
  text-align: center;
  float: left;
  width: 20%;
  height: 100%;
  border: 2px solid #f33b3b;
  background-color: #FFFFFF;
}

#menu-simbolos1 {
  height: 0;
  position: relative;
  top: 0;
  left: 0;
  width: 89%;
  z-index: 99;
  opacity: 0.9;
  transition: all 0.5s ease;
  overflow: hidden;
}

#menu-simbolos1 .simbolo {
  width: 99%;
  height: 25px;
  border: 1px solid #C8C8C8;
  border-radius: 5px;
  line-height: 21px;
  font-size: 80%;  
  font-weight: bold;
  background-color: #b0c4de;
}

#menu-simbolo1 .simbolo:hover {
  background: #C8C8C8;
}
#menu-simbolos2 {
  height: 0;
  position: relative;
  top: 0;
  left: 0;
  width: 89%;
  z-index: 99;
  opacity: 0.9;
  transition: all 0.5s ease;
  overflow: hidden;
}

#menu-simbolos2 .simbolo {
  width: 99%;
  height: 25px;
  border: 1px solid #C8C8C8;
  border-radius: 5px;
  line-height: 21px;
  font-size: 80%;  
  font-weight: bold;
  background-color: #b0c4de;
}

#menu-simbolo2 .simbolo:hover {
  background: #C8C8C8;
}
#menu-simbolos3 {
  height: 0;
  position: relative;
  top: 0;
  left: 0;
  width: 89%;
  z-index: 99;
  opacity: 0.9;
  transition: all 0.5s ease;
  overflow: hidden;
}

#menu-simbolos3 .simbolo {
  width: 99%;
  height: 25px;
  border: 1px solid #C8C8C8;
  border-radius: 5px;
  line-height: 21px;
  font-size: 80%;  
  font-weight: bold;
  background-color: #b0c4de;
}

#menu-simbolo3 .simbolo:hover {
  background: #C8C8C8;
}
@media screen and (max-width: 1015px){
	.p01056-juego .stl{
	  width: 100%;
	  height: 172px;
	}
}

@media screen and (max-width: 450px){

}